<%@ include file="../common/top.jsp" %>
<div class="crumb">
    <div class="w">
        <div class="crumb-content">
            <a href="#" class="link">MyStore</a>
            <span>></span>
            <span class="link-text">My Account</span>
        </div>
    </div>
</div>

<div class="w panel">
    <div class="accountForm">
        <form action = "updateAccount" method="post">
            <c:if test="${requestScope.updateMsg != null}">
                <p align="center"><font color="red">${requestScope.updateMsg}</font></p>
            </c:if>
            <h2 align="center">UserInformation</h2>
            <table align="center">
                <tr>
                    <td>User ID:</td>
                    <td>
                        ${sessionScope.loginAccount.username}
                    </td>
                </tr>
                <tr>
                    <td>New Password:</td>
                    <td><input type="text" name="NewPassword"></td>
                </tr>
                <tr>
                    <td>Repeat Password:</td>
                    <td><input type="text" name="RepeatPassword"></td>
                </tr>
            </table>
            <h2 align="center">Account Information</h2>
            <table align="center">
                <tr>
                    <td>FirstName:</td>
                    <td><input type="text" name="firstName" value="${sessionScope.loginAccount.firstName}"></td>
                </tr>
                <tr>
                    <td>LastName:</td>
                    <td><input type="text" name="lastName" value="${sessionScope.loginAccount.lastName}"></td>
                </tr>
                <tr>
                    <td>Email:</td>
                    <td><input type="text" name="email" value="${sessionScope.loginAccount.email}"></td>
                </tr>
                <tr>
                    <td>Phone:</td>
                    <td><input type="text" name="phone" value="${sessionScope.loginAccount.phone}"></td>
                </tr>
                <tr>
                    <td>Address1:</td>
                    <td><input type="text" name="address1" value="${sessionScope.loginAccount.address1}"></td>
                </tr>
                <tr>
                    <td>Address2:</td>
                    <td><input type="text" name="address2" value="${sessionScope.loginAccount.address2}"></td>
                </tr>
                <tr>
                    <td>City:</td>
                    <td><input type="text" name="city" value="${sessionScope.loginAccount.city}"></td>
                </tr>
                <tr>
                    <td>State:</td>
                    <td><input type="text" name="state" value="${sessionScope.loginAccount.state}"></td>
                </tr>
                <tr>
                    <td>Zip:</td>
                    <td><input type="text" name="zip" value="${sessionScope.loginAccount.zip}"></td>
                </tr>
                <tr>
                    <td>Country:</td>
                    <td><input type="text" name="country" value="${sessionScope.loginAccount.country}"></td>
                </tr>
            </table>
            <h2 align="center">Profile Information</h2>
            <table align="center">
                <tr>
                    <td>Language Preference:</td>
                    <td>
                        <select name="languagePreference">
                            <option value="Chinese" selected>Chinese</option>
                            <option value="English">English</option>
                            <option value="Japanese">Japanese</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Favourite Category:</td>
                    <td>
                        <select name="favouriteCategoryId">
                            <option value="DOGS" selected>DOGS</option>
                            <option value="FISH">FISH</option>
                            <option value="BIRDS">BIRDS</option>
                            <option value="CATS">CATS</option>
                            <option value="REPTILES">REPTILES</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Enable MyList</td>
                    <td><input type="checkbox" name="listOption" checked="${sessionScope.loginAccount.listOption}"></td>
                </tr>
                <tr>
                    <td>Enable MyBanner</td>
                    <td><input type="checkbox" name="bannerOption" checked="${sessionScope.loginAccount.bannerOption}"></td>
                </tr>
            </table>
            <div align="center"><input type="submit" value="Save Account Information"></div>
            <p align="center"><a href="myOrder">My Order</a></p>
        </form>
    </div>
</div>
<%@ include file="../common/bottom.jsp"%>
